<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        p {
            color: red;
        }

        p {
            color: blue;
        }
    </style>
</head>

<body>
    <p>CSS的层叠性是指当多个样式规则应用于同一元素时，浏览器将根据特定的规则来确定最终应用于该元素的样式。这些规则包括样式的来源（如用户代理样式、用户样式和作者样式）、选择器的特异性、样式的来源顺序等。通过理解层叠性，开发者可以更好地控制样式的应用，提高页面的可维护性和可读性。
    </p>
</body>

</html>